<style>
  .loginTable {
    background-image: url('images/pagelogin/loginbg.png');
    background-repeat: no-repeat;
    width: 1022px;
    height: 640px;
  }
  .cellMargin {
    height: 50px;
  }
  .cellTopTd {
    width: 1022px;
    height: 240px;
    text-align: center;
    vertical-align: middle;
  }
  .cellMiddleTd {
    width: 1022px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
  }
  .cellBottomTd {
    width: 1022px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
  }
  inLoginTable {
    width: 1022px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
  }
  .inCellLeftTd {
    width: 800px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
  }
  .inCellRightTd {
    width: 224px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
  }
  .smallLoginTable {
    width: 294px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
  }
  .smallCellLeftTd {
    width: 80px;
    height: 50px;
    text-align: center;
    vertical-align: bottom;
  }
  .smallCellRightTd {
    height: 40px;
    text-align: left;
    vertical-align: bottom;
  }
  .loginBtnTd {
    height: 50px;
    text-align: left;
    vertical-align: middle;
  }
  .cellOther {
    height: 20px;
  }
  .loginBtn {
    cursor: pointer;
    padding: 0 0 0 30px;
  }
  .inputText {
    width: 150px;
    height: 15px;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      new PageUserLogin();
    }
  //-->
</script>

<table class="tableMargin">
  <tr>
    <td class="cellMargin"></td>
  </tr>
</table>

<table class="loginTable" cellPadding="0" cellSpacing="0">
  <tr>
    <td class="cellTopTd"></td>
  </tr>
  <tr>
    <td class="cellMiddleTd">
      <table class="inLoginTable" cellPadding="0" cellSpacing="0">
        <tr>
          <td class="inCellLeftTd"></td>
          <td class="inCellRightTd">
            <table cellPadding="0" cellSpacing="0" class="smallLoginTable">
              <tr>
                <td class="smallCellLeftTd">
                  <img src="images/pagelogin/account.png">
                </td>
                <td class="smallCellRightTd">
                  <input type="text" id="input1" class="inputText"></input>
              </tr>
              <tr>
                <td class="smallCellLeftTd">
                  <img src="images/pagelogin/password.png">
                </td>
                <td class="smallCellRightTd">
                  <input type="password" id="input2" class="inputText"></input>
              </tr>
              <tr>
                <td></td>
                <td class="loginBtnTd">
                  <img src="images/pagelogin/loginbtn.png" id="button1" class="loginBtn"></img>
                </td>
              </tr>
              <tr>
                <td class="cellOther"></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="cellBottomTd"></td>
  </tr>
</table>
